/* pages/collect/index.wxss */
// page {
    // background-color: #f3f4f6;s
// }
.collect_main {
    background-color: #f3f4f6;

    .collect_title {
        padding: 15rpx 0;
        display: flex;
        .collect_tips {
            margin: 10rpx;
            padding: 20rpx;
            border: 1rpx solid #ccc;
        }
        .active {
            color: var(--themeColor);
            border: 1rpx solid currentColor;
        }
    } 
    .collect_content {
        .goods_item {
            height: 150rpx;
            width: 100%;
            display: flex;
            overflow: hidden;
            border-bottom: 1px solid #ccc;
            .goods_img_wrap {
                display: flex;
                flex: 2;
                justify-content: center;
                align-items: center;
                image {
                    width: 70%;
                }
            }
            .goods_info_wrap {
                display: flex;
                flex: 3;
                flex-direction: column;
                justify-content: space-around;
                .goods_name {
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    // 这四行搭配，让超过两行的部分显示省略号
                }
                .goods_price {
                    color: var(--themeColor)
                }
            }
        }
    }
 }